<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html lang="#{localeBean.language}"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

<div id="top" class="top">
            
            <div id="heading">
            <div id="logo"> 
                <h1 class="site-title"><ui:insert name="title">Boundless Fantasy</ui:insert></h1>
            </div>

            <ul id="menu">
                <li>Log in
                    <ul>
                        <li><form id="userName">
                                <h:outputLabel value="User name: " />
                                <p:inputText value="#{accountsBean.username}" />
                            </form></li>
                        <li><form id="password">
                                <h:outputLabel value="Password: " />
                                <p:password value="#{accountsBean.password}" />
                            </form></li>
                        <li><h:outputLabel value="#{accountsBean.validLogin}" id="loginError" />
                            <p:commandButton value="Log in" action="#{accountsBean.checkValidLogin}" update="loginError" /></li>
                    </ul>
                </li>
                <li><a href="register.xhtml">Register</a></li>
            </ul>
            </div>
        </div>
    
</html>